<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

	<head>
		<title>Prosperous</title>
		<meta charset="iso-8859-1"/>
	
			<script type="text/javascript" src="../../resources/scripts/jquery-PseudoCSS.1.0.js"></script>
			<script type="text/javascript" src="../../resources/scripts/jquery-easySlider1.7.js"></script>
			<link rel="stylesheet" href="../../resources/styles/layout.css" type="text/css"/>
	
			<script type="text/javascript">
			$(document).ready(function () {
			    $("#slider").easySlider({
			        auto: true,
			        continuous: true,
			        numeric: true,
			        speed: 1200,
			        pause: 5000 // change slide interval speed here
			    });
			});
			</script>
	</head>
	<h:body>
		<div class="wrapper row1">
		  <header id="header" class="clear">
	    		<hgroup>
	      			<h1><a href="index.html">CARDAPIO MUNDO</a></h1>
	      			<h2>Mobile</h2>
	    		</hgroup>
	    		
	    		<p:dialog header="Login" visible="true" closable="false" draggable="false" resizable="false" width="420">
	    		
		    		<form id="login" name="login" action="#{request.contextPath}/j_spring_security_check" method="post">
		    			<h:outputLabel for="Usuario" value="Usuário:"/>
			    		<fieldset>
					        <input type="text" value="Usuario" name="j_username" onFocus="this.value=(this.value=='Usuario;')? '' : this.value ;"/>
				      	</fieldset>
						 <h:outputLabel for="Senha" value="Senha:"/>  
			    		<fieldset>
					        <input type="password" name="j_password" onFocus="this.value=(this.value=='Senha;')? '' : this.value ;"/>
					        <input type="submit" id="sf_submit" value="Login"/>
				      	</fieldset>
			    		<h:outputText value="O usuário ou a senha estão incorretos." rendered="#{param.erro}" style="color: #9370DB;font-family: Helvetica;font-size:12px;font-weight:bold;"/>
			    		<script>
							document.getElementById("login").j_username.value = "#{SPRING_SECURITY_LAST_USERNAME}"
						</script>
					</form>
		    	</p:dialog>
	    		
	    		<nav class="clear">
		      		<ul>
		        		<li class="active"><a href="index.jsf">Homepage</a></li>
		        		<li><a href="cardapiomundomobile.jsf">CardápioMundoMobile</a></li>
		        		<li><a href="servicos.jsf">Serviços</a></li>
				        <li><a href="week.jsf">E-week</a></li>
		        		<li><a href="contato.jsf">Contato</a></li>
		      		</ul>
		    	</nav>
	  		</header>
		</div>
		<!-- content -->
		<div class="wrapper row2">
		  <div id="container" class="clear">
		    <!-- Slider -->
		    <section id="featured_slide">
		      <!-- ########################################################################################## -->
		      <div id="slider">
		        <ul>
		          <li>
		          	<figure><img src="../../resources/images/demo/600x300.gif" alt="" />
		              <figcaption>
		                <h2>Eu justo augue estas</h2>
		                <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo.</p>
		                <footer class="more"><a href="#">Read More &raquo;</a></footer>
		              </figcaption>
		            </figure>
		          </li>
		          <li>
		            <figure><img src="../../resources/images/demo/600x300.gif" alt="" />
		              <figcaption>
		                <h2>Eu justo augue estas</h2>
		                <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo.</p>
		                <footer class="more"><a href="#">Read More &raquo;</a></footer>
		              </figcaption>
		            </figure>
		          </li>
		          <li>
		            <figure><img src="../../resources/images/demo/600x300.gif" alt="" />
		              <figcaption>
		                <h2>Eu justo augue estas</h2>
		                <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat adipiscinia pellentum leo.</p>
		                <footer class="more"><a href="#">Read More &raquo;</a></footer>
		              </figcaption>
		            </figure>
		          </li>
		        </ul>
		      </div>
		      <!-- ########################################################################################## -->
		    </section>
	    		<!-- main content -->
	    		<div id="homepage">
	      			<!-- Introduction -->
	      			<section id="intro" class="clear">
	        			<article class="one_fifth">
	          				<figure>
	          					<a href="#"><img src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/></a>
	            				<figcaption>Nullamlacus dui ipsum conseque</figcaption>
	          				</figure>
	        			</article>
	        			<article class="one_fifth">
	          				<figure><a href="#"><img src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/></a>
	          	  				<figcaption>Nullamlacus dui ipsum conseque</figcaption>
	          				</figure>
	        			</article>
	        			<article class="one_fifth">
	          				<figure><a href="#"><img src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/></a>
	            				<figcaption>Nullamlacus dui ipsum conseque</figcaption>
	          				</figure>
	        			</article>
	        			<article class="one_fifth">
	          				<figure><a href="#"><img src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/></a>
	            				<figcaption>Nullamlacus dui ipsum conseque</figcaption>
	          				</figure>
	        			</article>
	        			<article class="one_fifth lastbox">
	          				<figure><a href="#"><img src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/></a>
	            				<figcaption>Nullamlacus dui ipsum conseque</figcaption>
	          				</figure>
	        			</article>
	      			</section>
	      			<!-- / Introduction -->
			      	<!-- ########################################################################################## -->
		   			<!-- Services -->
					<section id="services" class="last clear">
	        			<article class="one_third">
	          				<figure><img src="../../resources/images/demo/290x120.gif" width="290" height="120" alt=""/>
		            			<figcaption>
			              			resources<h2>Indonectetus facilis</h2>
			              			<p>Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. For full terms of use of this template please read our <a href="http://www.os-templates.com/template-terms">website template licence</a>.</p>
				           			<footer class="more"><a href="#">Read More &raquo;</a></footer>
						         </figcaption>
					 	 	</figure>
	        			</article>
	        			<article class="one_third">
	          				<figure><img src="../../resources/images/demo/290x120.gif" width="290" height="120" alt=""/>
		            			<figcaption>
		              				<h2>Indonectetus facilis</h2>
		              				<p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more HTML5 templates visit <a href="http://www.os-templates.com/">free website templates</a>.</p>
		              				<footer class="more"><a href="#">Read More &raquo;</a></footer>
		            			</figcaption>
		          			</figure>
	        			</article>
	        			<article class="one_third lastbox">
							<figure><img src="../../resources/images/demo/290x120.gif" width="290" height="120" alt=""/>
	            				<figcaption>
	              					<h2>Indonectetus facilis</h2>
	              					<p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien.</p>
	              					<footer class="more"><a href="#">Read More &raquo;</a></footer>
	            				</figcaption>
	          				</figure>
	        			</article>
	      			</section>
	      			<!-- / Services -->
	    		</div>
	    		<!-- / content body -->
  			</div>
		</div>
		<!-- Footer -->
		<div class="wrapper row3">
  			<div id="footer" class="clear">
    		<!-- ########################################################################################## -->
    			<section class="one_quarter">
      				<h2 class="title">From The Blog</h2>
      					<article>
					        <header>
          						<h2>Post Title</h2>
          						<address>
          							<a href="#">Admin</a>, domainname.com
	          					</address>
          						<time datetime="2000-04-06">Friday, 6<sup>th</sup> April 2000</time>
        					</header>
        					<p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet.</p>
        					<footer class="more"><a href="#">Read More &raquo;</a></footer>
      					</article>
    			</section>
    			<section class="one_quarter">
      				<h2 class="title">Quick Links</h2>
      				<nav>
        				<ul>
          					<li><a href="#">Lorem ipsum dolor sit</a></li>
          					<li><a href="#">Amet consectetur</a></li>
          					<li><a href="#">Praesent vel sem id</a></li>
          					<li><a href="#">Curabitur hendrerit est</a></li>
          					<li class="last"><a href="#">Sed a nulla urna</a></li>
        				</ul>
      				</nav>
    			</section>
    			<section class="two_quarter lastbox">
					<h2 class="title">About US</h2>
      				<img class="imgl" src="../../resources/images/demo/130x130.gif" width="130" height="130" alt=""/>
	      			<p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
      				<footer class="more"><a href="#">Read More &raquo;</a></footer>
    			</section>
    			<!-- ########################################################################################## -->
	  		</div>
		</div>
		<!-- Copyright -->
		<div class="wrapper row4">
  			<footer id="copyright" class="clear">
	    		<p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">Domain Name</a></p>
	    		<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
  			</footer>
		</div>
	</h:body>
</html>
